<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购-个人注册</title>
        <!-- 引入网站图标 -->
        <link rel="shortcut icon" href="favicon.ico" />
       <!-- 引入初始化 -->
       <link rel="stylesheet" href="./css/base.css">
       <!-- 引入注册页面样式 -->
       <link rel="stylesheet" href="./registe.css">
</head>
<body>
    <div class="zuce w">
        <!-- 头部开始 -->
        <header>
            <div class="logo">
                <a href="index.html"><img src="./images/logo.png" alt=""></a>
            </div>
        </header>
        <!-- 头部结束 -->

        <div class="registerarea">
            <!-- 表单头部开始 -->
            <div class="registerhd">
                <h3>
                    注册新用户
                    <span>我有账号,去<a href="#">登录</a></span>
                </h3>
            <!-- 表单头部结束 -->

                <!-- 注册主体开始 -->
                <div class="reg_form">
                    <ul>
                        <li>
                            <label for="">手机号: </label> 
                            <input type="text"> 
                            <span class="success"><i class="success_icon"><img src="./images/success.png" alt=""></i> 手机号码格式输入正确</span>
                        </li> 
                        <li>
                            <label for="">短信验证码: </label> 
                            <input type="text"> 
                            <span class="error"> <i class="error_icon"><img src="./upload/images/error_03.png" alt=""></i>验证码输入错误,请重新输入</span>
                        </li> 
                        <li>
                            <label for="">登录密码: </label> 
                            <input type="password"> 
                            <span class="error"><i class="error_icon"><img src="./upload/images/error_03.png" alt=""></i> 密码不能少于六位数,请重新输入</span>
                        </li> 
                        <li class="safe">
                            安全程度: <em class="ruo">弱</em> <em class="zhong">中</em> <em class="qiang">强</em>
                        </li>
                        <li>
                            <label for="">确认密码: </label> 
                            <input type="password"> 
                            <span class="error"><i class="error_icon"><img src="./upload/images/error_03.png" alt=""></i> 密码不一致,请重新输入</span>
                        </li> 
                        <li class="xieyi">
                            <input type="checkbox" class="xieyixuanxiang"><span>同意注册协议 <a href="#"><知果果用户协议></a></span>
                        </li>
                        <li>
                            <input type="submit" class="btn">
                        </li>
                    </ul>
                </div>
                <!-- 注册主体结束 -->
            </div>
        </div>
    </div>
    
    <!-- footer开始 -->
    <footer class="footer">
        <div class="w">
            <div class="mod_service">
                <ul>
                    <li>
                        <div>
                            <h5></h5>
                            <div class="servicemd">
                                <h4>正品保障</h4>
                                <p>正品保障，提供发票</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5></h5>
                            <div class="servicemd">
                                <h4>急速物流</h4>
                                <p>急速物流，急速送达</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5></h5>
                            <div class="servicemd">
                                <h4>无忧售后</h4>
                                <p>7天无理由退换货</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5></h5>
                            <div class="servicemd">
                                <h4>特色服务</h4>
                                <p>私人定制家电套餐</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h5></h5>
                            <div class="servicemd">
                                <h4>帮助中心</h4>
                                <p>您的购物指南</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd><a href="#">上门自提</a></dd>
                    <dd><a href="#">211限时达</a></dd>
                    <dd><a href="#">配送服务查询</a></dd>
                    <dd><a href="#">配送费收取标准</a></dd>
                    <dd><a href="#">海外配送</a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href="#">货到付款</a></dd>
                    <dd><a href="#">在线支付</a></dd>
                    <dd><a href="#">分期付款</a></dd>
                    <dd><a href="#">邮局汇款</a></dd>
                    <dd><a href="#">公司转账</a></dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">价格保护</a></dd>
                    <dd><a href="#">退款说明</a></dd>
                    <dd><a href="#">返修/退换货</a></dd>
                    <dd><a href="#">取消订单</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="#">夺宝岛</a></dd>
                    <dd><a href="#">DIY装机</a></dd>
                    <dd><a href="#">延保服务</a></dd>
                    <dd><a href="#">品优购E卡</a></dd>
                    <dd><a href="#">品优购通信</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd class="erweima">
                        <img src="images/shopcar.png" alt="">
                    </dd>
                    <dd>品优购客户端</dd>
                </dl>
            </div>
            <div class="mod_copyright">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">联系客服</a></li>
                    <li><a href="#">商家入驻</a></li>
                    <li><a href="#">营销中心</a></li>
                    <li><a href="#">手机品优购</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">销售联盟</a></li>
                    <li><a href="#">品优购社区 </a></li>
                    <li><a href="#">品优购公益 </a></li>
                    <li><a href="#">English Site </a></li>
                    <li><a href="#">Contact U</a></li>
                </ul>
                <p>
                    地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
                    京ICP备08001421号京公网安备110108007702
                </p>
            </div>
        </div>
    </footer>
    <!-- footer结束 -->
</body>
</html>